<template>
  <div :class="version === 'gather' ? 'home' : 'home2'"></div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "home",
  computed: {
    ...mapGetters(["name", "roles"]),
    version() {
      return this.$store.state.app.version;
    },
  },
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
@import "../../styles/mixin.scss";
.home {
  width: 100%;
  height: calc(100vh - #{$header-height});
  background: url("../../assets/home.png") 0 0 no-repeat;
  background-size: 100%;
}
.home2 {
  width: 100%;
  height: calc(100vh - #{$header-height});
  background: url("../../assets/home2.png") 0 0 no-repeat;
  background-size: 100%;
}
</style>
